<template>
  <dv-border-box-1 style="width: 400px">
      <ve-pie :data="chartData" :extend="A1Settings" width="400px"></ve-pie>
  </dv-border-box-1>

</template>
<script>
export default {
  name: "DataViewA1",
  data(){
    return{
      A1Settings :{
        title: {
          text: "水位数据总览",
          x:'center',
          top: 10,
          textStyle:{
            color:'#e1ece1',
            fontFamily:'PingFang-RE',
            fontSize:24
          }
        },
        series: [
          {
            center: ['50%', '120%'],
          }
        ],
        legend:{
          top:'15%',
          textStyle:{
            color:'#ffffff',
            fontFamily:'PingFang-RE',
            fontSize:12
          }
        }
      },
      chartData: {
        columns: ['日期', '访问用户'],
        rows: [
          { '日期': '1/1', '访问用户': 1393 },
          { '日期': '1/2', '访问用户': 3530 },
          { '日期': '1/3', '访问用户': 2923 },
          { '日期': '1/4', '访问用户': 1723 },
          { '日期': '1/5', '访问用户': 3792 },
          { '日期': '1/6', '访问用户': 4593 }
        ]
      }
    }
  }
}
</script>

<style scoped>

</style>
